<style> .chzn-container-single .chzn-single {
border: 1px solid rgba(98,141, 40, 0.5);
width: 100%;
}</style>
<div  id="divCuenta" ng-controller="MiCuentaCtrl" ng-init="init()">	
<div class="row-fluid">
    <div class="span12 cleanSpaceTop">
    <div class="span1"></div>
    <div class="span10 cleanMarginSpan">
      <h1>Mi Cuenta</h1>
      <p>&nbsp;</p>
    </div>
    </div>
  </div>
<div class="row-fluid sortable ui-sortable">

					<!--<div class="box-header well">
						<h2><i class="icon-th"></i> Tabs</h2>
						<div class="box-icon">
							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
						</div>
					</div>-->
                    <div class="row-fluid">
					<div class="span12">
                        <div class="span1"></div>
						 <div class="span10">
						<ul class="nav nav-tabs" id="myTab">
							<li class="active"><a href="#datosTab" id="datos">Datos Personales</a></li>
							<li ng-show="esAdmin || esOdontologo" class=""><a href="#creditosTab" id="lnkCreditos">Mis Creditos</a></li> 
              <li ng-show="esAdmin" class=""><a href="#costosTab" ng-click="lnkCostosAction()"  id="lnkCostos">Costos</a></li>
              <li ng-show="esAdmin || esSecretaria || esColaborador" class=""><a href="#usuariosTab" id="usuarios">Usuarios</a></li>
						</ul>
                        </div>
                        </div>
                        </div>
                        <div class="row-fluid">
                        <div class="span12">
                        <div class="span1"></div>
						 <div class="span10"> 
						<div id="myTabContent" class="tab-content" style="overflow:visible"  >
							<div class="tab-pane active" id="datosTab">             
								<form id="frmDatosUsuario" class="form-horizontal">
										<fieldset>
										  <div class="control-group">
											<label class="control-label" for="txtNombre">Nombre:</label>
											<div class="controls">
											  <input id="txtNombre" name="txtNombre" class="span6 focused" maxlength="20" ng-model="usuario.nombre" type="text" />
											</div>
										  </div>
										  <div class="control-group">
											<label class="control-label" for="txtApellido">Apellido:</label>
											<div class="controls">
											  <input id="txtApellido" name="txtApellido" class="span6" maxlength="40" ng-model="usuario.apellido" type="text" />
											</div>
										  </div>
										  <div class="control-group">
											<label class="control-label" for="txtFechaNacimiento">Fecha Nacimiento:</label>
											<div class="controls">
                          <input id="txtFechaNacimiento" name="txtFechaNacimiento" class="span6 datepicker"  ng-model="usuario.fechaNacimientoFmt" type="text" />
											</div>
										  </div>
										 <div class="control-group">
											<label class="control-label" for="txtTelefonoCel">Teléfono Celular:</label>
											<div class="controls">
											  <input id="txtTelefonoCel" name="txtTelefonoCel" class="span6" maxlength="20" ng-model="usuario.telefonoCel" type="text" />
											</div>
										  </div>
                      <div class="control-group">
											<label class="control-label" for="txtTelefonoLab">Teléfono Laboral:</label>
											<div class="controls">
											  <input id="txtTelefonoLab" name="txtTelefonoLab" class="span6" maxlength="20" ng-model="usuario.telefonoLab" type="text"  />
											</div>
										  </div>	
                      <div class="control-group">
											<label class="control-label" for="txtDomicilio">Domicilio:</label>
											<div class="controls">
											  <input id="txtDomicilio" name="txtDomicilio" class="span6" maxlength="100" ng-model="usuario.domicilio" type="text"  />
											</div>
										  </div>	
										  <div class="control-group">
											<label class="control-label" for="txtMail" >Mail:</label>
											<div class="controls">
											  <input id="txtMail" name="txtMail" class="span6" maxlength="250" ng-model="usuario.mail"  type="text" >
											</div>
										  </div>	
                                          <div class="control-group alignFormCuenta">
                                          <a ng-click="cambiarPassword()"><i class="icon-pencil"></i>Cambiar Contraseña</a></div>
										  <div class="control-group marginFormCuenta">
												<button ng-click="guardarDatosUsuario()" class="btn btn-inverse"><i class="icon-ok icon-white"></i> Guardar</button>  
                        
										  </div>				
                                          						  
										</fieldset>
                </form>
							
                            </div>
							<div class="tab-pane" id="creditosTab">
							
             
              
               <div ng-show="esAdmin" class="row-fluid" class="span12"  >
                <div class="span12">
                  <span class="span2">
                  <label class="control-label" for="txtNombre">Usuario:</label>
                  <div class="controls">
                      <select id="selUsuario" class="chosen">                        
                      </select>                   
                  </div>
                  </span>
                  <span class="span2">
                    <label class="control-label" for="txtNombre">Estado:</label>                  
                    <div class="controls">
                      <select id="selEstado"  class="chosen"  >                       
                      </select>
                    </div>
                  </span>
                  <span class="span2">
                    <label class="control-label" for="txtNombre">Fecha Desde:</label>
                    <div class="controls">                      
                      <input type="text" class="input-xlarge datepicker" id="txtFechaDesde" value="">
                    </div>
                  </span>
                   <span class="span2">
                    <label class="control-label" for="txtNombre">Fecha hasta:</label>
                    <div class="controls">
                      <input type="text"  class="input-xlarge datepicker" id="txtFechaHasta" value="">
                    </div>
                  </span>
                  <span class="span4" style="padding-top:20px;">
                    <div class="controls">
                     <button ng-click="btnBuscarCreditos();" class="btn btn-inverse"><i class="icon-search icon-white"></i> Buscar</button>
                     <button ng-click="btnLimpiarCreditos();" class="btn btn-inverse"><i class="icon-refresh icon-white"></i> Limpiar</button>
                    </div>
                  </span>
                 
              </div>
             </div>
                  
                  <br/><br/>
              <div class="row-fluid ">
                <div class="span8">
                 <div class="dataTables_paginate paging_bootstrap pagination">
                    <ul>
                      <li class="prev"  ng-class="{disabled: paginacionCreditos.paginaActual == 1}">
                        <a href ng-click="prevPageCred()">< Ant</a>
                      </li>                      
                      <li ng-repeat="n in range(paginacionCreditos.cantPaginas)"
                          ng-class="{active: (n + 1) == paginacionCreditos.paginaActual}"
                          ng-click="setPageCred()" >              
                        <a href ng-bind="n + 1"></a>           
                      </li>        
                      <li class="next" ng-class="{disabled: paginacionCreditos.paginaActual == paginacionCreditos.cantPaginas}">
                        <a ng-click="nextPageCred()" >Sig ></a>
                      </li>
                    </ul>
                  </div>
                  <table  class="table table-striped table-bordered bootstrap-datatable datatable dataTable" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
                      <thead style="width:100%">
                        <tr style="width:100%" role="row">
                          <th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 15%; text-align:center;" aria-sort="ascending" aria-label="Username: activate to sort column descending">Fecha</th>
                          <th ng-show="esAdmin" class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Date registered: activate to sort column ascending">Usuario</th>                            
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 15%; text-align:center;" aria-label="Date registered: activate to sort column ascending">Creditos</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 15%; text-align:center;" aria-label="Role: activate to sort column ascending">Acción</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 15%; text-align:center;" aria-label="Status: activate to sort column ascending">Estado</th>
                        </tr>
                    </thead>
                    <tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="odd">
                      <tr class="odd" ng-repeat="cred in creditos">
                          <td class="  sorting_1" style="text-align:center;">{{fechaFormat(cred.fechaHora)}}</td>
                          <td ng-show="esAdmin" class="center " style="text-align:left;">{{cred.nombreUsuario}}</td>
                          <td class="center " style="text-align:center;">${{cred.monto}}</td>
                          <td class="center " style="text-align:center;">{{tipoDes(cred.tipoMovimiento)}}</td>
                          <td class="center " style="text-align:center;">{{estadoDes(cred.estado)}}</td>												
                      </tr>
                      <tr ng-show="creditos == null || creditos.length == 0" class="odd">
                          <td style="text-align:left;"  colspan="5" >No hay resultados </td>
                      </tr>
                    </tbody>
                  </table>
                   <div class="dataTables_paginate paging_bootstrap pagination">
                    <ul>
                      <li class="prev"  ng-class="{disabled: paginacionCreditos.paginaActual == 1}">
                        <a href ng-click="prevPageCred()">< Ant</a>
                      </li>                      
                      <li ng-repeat="n in range(paginacionCreditos.cantPaginas)"
                          ng-class="{active: (n + 1) == paginacionCreditos.paginaActual}"
                          ng-click="setPageCred()" >              
                        <a href ng-bind="n + 1"></a>           
                      </li>        
                      <li class="next" ng-class="{disabled: paginacionCreditos.paginaActual == paginacionCreditos.cantPaginas}">
                        <a ng-click="nextPageCred()" >Sig ></a>
                      </li>
                    </ul>
                  </div>
                  </div>
								<div class="span4">
                                <div class="span12">
                                <div class="titleTemario span10">
            <div class="h3Container">
            <h3 class="h3Text">Créditos</h3>
            </div>
            
            
            <div class="arrowH3"></div>
          </div>
                        <a data-rel="tooltip" class="well span9 top-block" href="#" >
                        <div class="span2"></div>
                          <div class="cantCreditosCuenta span10"> <h1><strong>$ {{montoCreditos}}</strong></h1>
                          </div>    
                        </a>
                        </div>
                  <br></br>
                   <div class="row-fluid">
                   
                      <!-- <a href="https://www.mercadopago.com/mla/checkout/pay?pref_id=49652660-b43d9d57-8e6c-4aa9-a447-5943027ffaa3" name="MP-Checkout" class="lightblue-ar-s-ov" mp-mode="modal" onreturn="execute_my_onreturn()">
                       Comprar creditos
                      </a> -->                                          
                      
                      <div class="span6" ng-hide="esAdmin">
                         <!-- <div style="font-weight: bold; font-size: 20px;" class="span12 row-fluid"> <span class="span2">$</span><input type="text" id="txtMontoCreditos" name="txtMontoCreditos" value="300" maxlength="10" style="font-weight: bold; font-size: 20px;" class="span9"></div>-->
                          <button ng-click="comprarCreditos();"   class="btn btn-large btn-inverse"><i class="icon-shopping-cart icon-white"></i>Comprar Suscripci&#243;n</button>  
                      </div>
                      
                      <img width="125" height="125" alt="MercadoPago - Medios de pago" title="MercadoPago - Medios de pago" src="http://imgmp.mlstatic.com/org-img/banners/ar/medios/125X125.jpg">
                      
                    </div>
                </div>
                
                </div>
							
              
              </div>
            
            
              <div class="tab-pane" id="costosTab">
                  <div class="row-fluid span12 center" >
                  <div>
            <div class="h3Container">
            <h3 class="h3Text">Equivalencia de creditos</h3>
            </div>
            
            
            <div class="arrowH3"></div>
          </div>
                        <form id="frmCostos0" class="form-horizontal span8">
                            <fieldset>
                              <div class="control-group">
                              <label class="control-label" for="txtCosto0">{{costoRelacion.descripcion}}</label>
                              <div class="controls">
                                <input id="txtCosto0" name="txtCosto0" class="input-xlarge focused" maxlength="20" ng-model="costoRelacion.equivalente" type="text" />
                              </div>
                              </div>
                            </fieldset>
                        </form>
                  </div>
                  <div class="row-fluid" >
                      <div class="span6">
                      <div>
            <div class="h3Container">
            <h3 class="h3Text">Debitos</h3>
            </div>
            
            
            <div class="arrowH3"></div>
          </div>
                          <form id="frmCostos1" class="form-horizontal">
                            <fieldset>
                              <div class="control-group">
                              <label class="control-label" for="txtDebito2">{{debito2.descripcion}}</label>
                              <div class="controls">
                                <input id="txtDebito2" name="txtDebito2" class="span11 focused" maxlength="20" ng-model="debito2.creditos" type="text" />
                              </div>
                              </div>
                              
                              <div class="control-group">
                              <label class="control-label" for="txtDebito3">{{debito3.descripcion}}</label>
                              <div class="controls">
                                <input id="txtDebito3" name="txtDebito3" class="span11 focused" maxlength="20" ng-model="debito3.creditos" type="text" />
                              </div>
                              </div>
                              
                              <div class="control-group">
                              <label class="control-label" for="txtDebito4">{{debito4.descripcion}}</label>
                              <div class="controls">
                                <input id="txtDebito4" name="txtDebito4" class="span11 focused" maxlength="20" ng-model="debito4.creditos" type="text" />
                              </div>
                              </div>                          		  
                            </fieldset>
                        </form>                      
                      </div>
                      <div class="span6">
                      <div>
            <div class="h3Container">
            <h3 class="h3Text">Creditos</h3>
            </div>
            
            
            <div class="arrowH3"></div>
          </div>
                          <form id="frmCostos2" class="form-horizontal">
                            <fieldset>
                              <div class="control-group">
                              <label class="control-label" for="txtCredito5">{{credito5.descripcion}}</label>
                              <div class="controls">
                                <input id="txtCredito5" name="txtCredito5" class="span11 focused" maxlength="20" ng-model="credito5.creditos" type="text" />
                              </div>
                              </div>                                                                               							  
                            </fieldset>
                        </form>                      
                      </div>
                  </div>
                  <div class="control-group alignFormCuenta">
                      <button ng-click="btnGuardarCostos();" class="btn btn-inverse"><i class="icon-ok icon-white"></i> Guardar</button>
                  </div>
              </div>
              
              <div class="tab-pane" id="usuariosTab">
                  <div class="span12"  >
                      <div class="row-fluid"  >
                   
                      <span class="span3">
                      <label class="control-label" for="selUsuario2">Usuario:</label>
                      <div class="controls">
                          <select id="selUsuario2" class="chosen">
                            
                          </select>                   
                      </div>
                      </span>
                      <span class="span3">
                        <label class="control-label" for="selEstado2">Estado:</label>                  
                        <div class="controls">
                          <select id="selEstado2"  class="chosen"  >
                           
                          </select>
                        </div>
                      </span>                      
                      <span class="span4" style="padding-top:20px;">
                        <div class="controls">
                         <button ng-click="btnBuscarUsuarios();" class="btn btn-inverse"><i class="icon-search icon-white"></i> Buscar</button>
                         <button ng-click="btnLimpiarUsuarios();" class="btn btn-inverse"><i class="icon-refresh icon-white"></i> Limpiar</button>
                        </div>
                      </span>                                      
                  </div>
                  <br></br>
                  <div class="row-fluid">
                    <div class="dataTables_paginate paging_bootstrap pagination">
                    <ul>
                      <li class="prev"  ng-class="{disabled: paginacionUsuarios.paginaActual == 1}">
                        <a href ng-click="prevPageUser()">< Ant</a>
                      </li>                      
                      <li ng-repeat="n in range(paginacionUsuarios.cantPaginas)"
                          ng-class="{active: (n + 1) == paginacionUsuarios.paginaActual}"
                          ng-click="setPageUser()" >              
                        <a href ng-bind="n + 1"></a>           
                      </li>        
                      <li class="next" ng-class="{disabled: paginacionUsuarios.paginaActual == paginacionUsuarios.cantPaginas}">
                        <a ng-click="nextPageUser()" >Sig ></a>
                      </li>
                    </ul>
                  </div>
                  <table  class="table table-striped table-bordered bootstrap-datatable datatable dataTable" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
                      <thead style="width:100%">
                        <tr style="width:100%" role="row">
                          <th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-sort="ascending" aria-label="Username: activate to sort column descending">Apellido</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Date registered: activate to sort column ascending">Nombre</th>                            
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Date registered: activate to sort column ascending">Rol</th>                            
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Date registered: activate to sort column ascending">Creditos</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Role: activate to sort column ascending">Telefono Celular</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Status: activate to sort column ascending">Telefono Laboral</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Status: activate to sort column ascending">Domicilio</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Status: activate to sort column ascending">Mail</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Status: activate to sort column ascending">Fecha Nacimiento</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Status: activate to sort column ascending">Fecha Curso</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Status: activate to sort column ascending">Fecha Alta</th>
                          <th class="sorting" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 25%; text-align:center;" aria-label="Status: activate to sort column ascending">Estado</th>
                        </tr>
                    </thead>
                    <tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="odd">
                      <tr class="odd" ng-repeat="user in listaUsuarios">
                          <td class="  sorting_1" style="text-align:left;">{{user.apellido}}</td>
                          <td class="center " style="text-align:left;">{{user.nombre}}</td>
                          <td class="center " style="text-align:left;">{{rolUsuarioDes(user.idRol)}}  <a ng-click="btnCambiarRol(user.id, user.idRol)" ng-show="esAdmin && user.idRol != 1"><i class="icon-pencil"></i></a>  </td>
                          <td class="center " style="text-align:center;">{{user.creditos}}</td>
                          <td class="center " style="text-align:right;">{{user.telefonoCel}}</td>
                          <td class="center " style="text-align:right;">{{user.telefonoLab}}</td>		
                          <td class="center " style="text-align:left;">{{user.domicilio}}</td>
                          <td class="center " style="text-align:left;">{{user.mail}}</td>
                          <td class="center " style="text-align:center;">{{user.fechaNacimientoFmt}}</td>
                          <td class="center " style="text-align:center;">{{user.fechaCursoFmt}}  <a ng-click="btnCambiarFechaCurso(user)" ><i class="icon-pencil"></i></a>   </td>
                          <td class="center " style="text-align:center;">{{user.fechaAltaFmt}}</td>
                          <td class="center " style="text-align:center;">{{estadoUsuarioDes(user.estado)}}</td>
                        </tr>		
                        <tr ng-show="listaUsuarios == null || listaUsuarios.length == 0" class="odd">
                            <td style="text-align:left;"  colspan="10" >No hay resultados </td>
                        </tr>
                    </tbody>
                  </table>
                   <div class="dataTables_paginate paging_bootstrap pagination">
                    <ul>
                      <li class="prev"  ng-class="{disabled: paginacionUsuarios.paginaActual == 1}">
                        <a href ng-click="prevPageUser()">< Ant</a>
                      </li>                      
                      <li ng-repeat="n in range(paginacionUsuarios.cantPaginas)"
                          ng-class="{active: (n + 1) == paginacionUsuarios.paginaActual}"
                          ng-click="setPageUser()" >              
                        <a href ng-bind="n + 1"></a>           
                      </li>        
                      <li class="next" ng-class="{disabled: paginacionUsuarios.paginaActual == paginacionUsuarios.cantPaginas}">
                        <a ng-click="nextPageUser()" >Sig ></a>
                      </li>
                    </ul>
                  </div>
                  </div>
                </div>
            
            
              </div>
            </div>
						</div>
				</div>
			
	</div>
  </div>
    <div class="modal hide fade" id="myModal">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">x</button>
				<h3>Cambiar contraseña</h3>
			</div>
      
			<div class="modal-body">
				<form id="frmCambioPassword" class="form-horizontal">
            <fieldset>
              <div class="control-group">
              <label class="control-label" for="txtOldPass" >Contraseña actual:</label>
              <div class="controls">
                <input id="txtOldPass" name="txtOldPass" class="span3 focused"  type="password" value="">
              </div>
              </div>
              <div class="control-group">
              <label class="control-label"  for="txtNewPass" >Nueva contraseña:</label>
              <div class="controls">
                <input class="span3" type="password" id="txtNewPass" name="txtNewPass" >
              </div>
              </div>
              <div class="control-group">
              <label class="control-label" for="txtRepeatPassword" >Repetir Contraseña:</label>
              <div class="controls">
                  <input class="span3"  type="password" id="txtRepeatPassword" name="txtRepeatPassword" />
              </div>
              </div>
            </fieldset>
          </form>
			</div>
			<div class="modal-footer">			
          <button ng-click="cambiarPasswordAceptar()"  class="btn btn-inverse">Aceptar</button> 				
          <a href="#" class="btn btn-inverse" data-dismiss="modal">Cancelar</a>
			</div>
    
		</div>
    
    
    <div class="modal hide fade" id="popSuscripciones">
      <div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">x</button>
				<h3>{{popSuscripcionesTitle}}</h3>
			</div>
			<div class="modal-body">
          <span>
              <span ng-show="cursandoMesActual" class="row-fluid" style="font-weight:bold;">
                  <span class="span12">Por ser alumno del curso, accedes a la suscripci&#243;n premium por el precio de la suscripci&#243;n b&#225;sica!    </span>        
                 
              </span>
               <br ng-show="cursandoMesActual"></br>
              <span class="row-fluid">
                  <span class="span6"> Temario </span>
                  <span class="span3" style="text-align: center;" ng-hide="modoSuscripcionPremium">  <i class="icon32 icon-color icon-check"></i> </span>
                  <span class="span3" style="text-align: center;">  <i class="icon32 icon-color icon-check"></i> </span>
              </span>
              <span class="row-fluid">
                  <span class="span6" > Galeria de casos </span>
                  <span class="span3" style="text-align: center;" ng-hide="modoSuscripcionPremium">  <i class="icon32 icon-color icon-check"></i> </span>
                  <span class="span3" style="text-align: center;">  <i class="icon32 icon-color icon-check"></i> </span>
              </span>             
              <span class="row-fluid">
                  <span class="span6"> Consulta personalizada de casos clinicos </span>
                  <span class="span3" style="text-align: center;" ng-hide="modoSuscripcionPremium">  <i class="icon32 icon-color icon-close"></i> </span>
                  <span class="span3" style="text-align: center;">  <i class="icon32 icon-color icon-check"></i> </span>
              </span>
              <span class="row-fluid">
                  <span class="span6"> Ver consultas de otros usuarios </span>
                  <span class="span3" style="text-align: center;" ng-hide="modoSuscripcionPremium">  <i class="icon32 icon-color icon-close"></i> </span>
                  <span class="span3" style="text-align: center;">  <i class="icon32 icon-color icon-check"></i> </span>
              </span>
              <span class="row-fluid" style="font-weight:bold;">
                  <span class="span4">  </span>
              </span>
              <span class="row-fluid" style="font-weight:bold;">
                  <span class="span6"> Costo </span>
                  <span class="span3" style="text-align: center;" ng-hide="modoSuscripcionPremium"> ${{costoSusBasica}} </span>
                  <span class="span3" style="text-align: center;"> ${{costoSusPremium}} </span>
              </span>
              <span class="row-fluid" style="font-weight:bold;">
                  <span class="span6"></span>
                  <span class="span3" style="text-align: center;" ng-hide="modoSuscripcionPremium"> <button ng-click="btnSusBasica()"  class="btn btn-inverse">Suscripci&#243;n B&#225;sica</button>  </span>
                  <span class="span3" style="text-align: center;"> <button ng-click="btnSusPremium()"  class="btn btn-inverse">Suscripci&#243;n Premium</button>  </span>
              </span>
          </span>        
      </div>
			<div class="modal-footer">			         
          <a href="#" class="btn btn-inverse" data-dismiss="modal">Cancelar</a>
			</div>
		</div>
    
    <div class="modal hide fade" id="popCambiarRol">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">x</button>
				<h3>Cambiar rol de usuario</h3>
			</div>
			<div class="modal-body">
            <span style="height:175px">
                <select id="selRolUsuario" class="chosen">                        
                </select>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
            </span>
			</div>
			<div class="modal-footer">			         
          <a class="btn btn-inverse" ng-click="btnAceptarCambiarRol()" >Aceptar</a>
          <a href="#" class="btn btn-inverse" data-dismiss="modal">Cancelar</a>
			</div>
		</div>
    
    <div class="modal hide fade" id="popMercadoPago">
			<!--<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">x</button>
				<h3>Comprar Creditos</h3>
			</div>-->
			<div class="modal-body">
            <iframe onreturn="executeReturnMP"  name="MP-Checkout" frameborder="0" src="{{urlMercadoPago}}" width="100%" height="400">Texto para cuando el navegador no conoce la etiqueta iframe</iframe>
			</div>
			<div class="modal-footer">			         
          <a href="#" class="btn btn-inverse" data-dismiss="modal">Cancelar</a>
			</div>
		</div>
    
    <div class="modal hide fade" id="popFechaCurso">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">x</button>
				<h3>Fecha de ultima asistencia a curso</h3>
			</div>
			<div class="modal-body">
            <span style="height:75px">
                  <input id="txtFechaCurso" name="txtFechaCurso" class="span6 datepicker"  type="text" />
             
              <br>
              <br>
            </span>
			</div>
			<div class="modal-footer">			         
          <a class="btn btn-inverse" ng-click="btnAceptarFechaCurso()" >Aceptar</a>
          <a href="#" class="btn btn-inverse" data-dismiss="modal">Cancelar</a>
			</div>
		</div>
  
  
</div>
